<template>
    <div class="onLineMain">
      <div class="top">
        <ul class="items-wrapper">
          <li class="item">
            <div class="left">还款人</div>
            <div class="right">王尼玛</div>
          </li>
          <li class="item">
            <div class="left">身份证号</div>
            <div class="right">621451 1965 0907 1541</div>
          </li>
          <li class="item">
            <div class="left">还款人</div>
            <div class="right">5618 1241 3151 1256</div>
          </li>
        </ul>
      </div>
      <div class="center">
        <div class="left">还款金额</div>
        <div class="right">1200.00元</div>
      </div>
      <div class="bottom">
        <button class="btn">点击还款</button>
      </div>
    </div>
</template>

<script>
    export default {
        name: "onLineMain"
    }
</script>

<style scoped lang="stylus">
  .onLineMain
    height calc(100% - 64px)
    padding 10px
    background #f6f6f6
    .top
      height 134px
      background #ffffff
      border-radius 6px
      .items-wrapper
        .item
          display flex
          height 44px
          line-height 44px
          border-bottom 1px solid #e7e7e7
          color #737373
          font-size 14px
          &:last-child
            border-bottom none
          .left
            flex 0 0 70px
            text-align left
            padding-left 10px
          .right
            flex 1
            text-align right
            padding-right 10px
            color #333333



    .center
      display flex
      height 44px
      border-radius 6px
      margin-top 10px
      background #ffffff
      line-height 44px
      font-size 14px
      .left
        flex 0 0 70px
        padding-left 10px
        text-align left
        color #737373
      .right
        flex 1
        padding-right 10px
        text-align right
        color #FF723F
    .bottom
      padding-top 100px
      .btn
        width 100%
        height 44px
        border none
        background #49A2FE
        color #ffffff
        font-size 17px
        border-radius 6px
        outline none
</style>
